<template>
  <el-cascader
      ref="el-cascade"
      filterable
      clearable
      :show-all-levels="false"
      v-model="value"
      :options="options"
      :props="props"
  />
</template>

<script lang="ts" setup>
import { ref} from "vue";


const value = ref([]);

const props = {
  multiple: true,
  checkStrictly: true,
};

const options = [
  {
    value: "网站推荐",
    label: "网站推荐",
    children: [
      {
        value: "sci-hub",
        label: "sci-hub",
      },
      {
        value: "申试",
        label: "申试",
      },
      {
        value: "X-MOL",
        label: "X-MOL",
      },
    ],
  },
];


</script>

<style></style>
